import React, { Component,PropTypes} from 'react';
import {Tabs} from 'element-react';
import './sidebar.less';
import ListItem from './listitem.js';
class SideBar extends Component {
    constructor(props) {
        super(props);
        this.state = {
            mouseenter:false
        }
    }
    static defaultProps = {
        orientation:'row'
    }

    render() {

        return (
            <div className={`side-bar-${this.props.orientation}`}>
                <div className={`side-bar-${this.props.orientation}-title`}>
                    <img></img>
                    <span>兴业管家</span>
                    <sup>网页版</sup>
                </div>
                <div className={`side-bar-${this.props.orientation}-content`}>
                  <div className="item" onClick={()=>this.props.handleTabs(1)}><ListItem text="工作" color="#fff"/></div>
                  <div className="item" onClick={()=>this.props.handleTabs(2)}><ListItem text="我的" color="#fff"/></div>
                  <div className="item" onClick={()=>this.props.handleTabs(3)}><ListItem text="通讯录" color="#fff"/></div>
                  <div className="item" onClick={()=>this.props.handleTabs(4)}><ListItem text="待办事项" color="#fff"/></div>
                 </div>
            </div>
        );
    }
}
SideBar.propTypes = {
   orientation:PropTypes.oneOf(['row','col'])

}
export default SideBar;